/* 获取元素 */
const panels = document.querySelectorAll(".panel");
/* 循环panels中的所有元素 */
panels.forEach((panel) => {
  /* 添加点击事件 */
  panel.addEventListener("click", () => {
    /* 先移除所有元素的active类样式 */
    removeActiveClasses();
    /* 添加active类样式 */
    panel.classList.add("active");
  });
});

const removeActiveClasses = () => {
  panels.forEach((panel) => {
    /* 移除active类样式 */
    panel.classList.remove("active");
  });
};
